<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="CSS/style.css" />

  <link href="styles/kendo.common.min.css" rel="stylesheet" />
    <link href="styles/kendo.default.min.css" rel="stylesheet" />
    <script src="js/jquery.min.js"></script>
    <script src="js/kendo.all.min.js"></script>
<title>KS Car Rental</title>
</head>

<body>
	<div id="page">
		<div id="pagetop">
			<h1>KS Car Rental</h1>
			<div class="links">
				<ul>
					<li><a href="#">Help</a></li>
					<li><a href="#">Contact Us</a></li>
					<li><a href="#">About</a></li>
					<li><a href="#">ReturnCar</a></li>
					<li><a href="#">RentCar</a></li>
					<li><a href="#">Home</a></li>

				</ul>

			</div>
		</div>

		<div id="header">Reach the Road to success</div>

		<div id="main">
			<div class="content">
				<div class="main_top">
					<h1>Home</h1>
				</div>

				<div class="main_body">
					<table cellpadding="0" cellspacing="0" width="500" border="0"
						id="home">
						<form name="homePageForm" id="theHomePageForm" method="post"
							action="actionClassTypeNew.jsp">
							<tr>
								<td colspan="4">
									<h1>Make a car rental reservation</h1>
								</td>
							</tr>
							</tr>
							<tr>
								<td>
									<table cellpadding="0" cellspacing="0" border="0">
										<!-- start date restriction -->
										<tr>
											<td colspan="4" valign="top" align="left" class="inlineh2">
												<h2>Pick Up Date &amp; Time&nbsp;&nbsp;</h2>
											</td>
										</tr>
										<tr>
											<td colspan="4" valign="middle" align="left">
												<fieldset id="startDate" class="datepicker">
													<select name="startDateMonth" id="startDateMonth"
														class="yearmonth"><option value="201304"
															selected="selected">Apr</option>
														<option value="201305">May</option>
														<option value="201306">Jun</option>
														<option value="201307">Jul</option>
														<option value="201308">Aug</option>
														<option value="201309">Sep</option>
														<option value="201310">Oct</option>
														<option value="201311">Nov</option>
														<option value="201312">Dec</option>
														<option value="201401">Jan</option>
														<option value="201402">Feb</option>
														<option value="201403">Mar</option>
														<option value="201404">Apr-14</option></select> <input type="text"
														name="startDateInput" maxlength="2" size="2" value="24"
														id="startDateInput" class="day"> <a
														id="calendarIconStart" href="#"><img
															alt="Calendar to pick car rental date"
															src="Images/ico_calendar.gif" /></a> <select
														name="startDateTime" class="time"><option
																value="0001">Midnight</option>
															<option value="0030">12:30 am</option>
															<option value="0100">1:00 am</option>
															<option value="0130">1:30 am</option>
															<option value="0200">2:00 am</option>
															<option value="0230">2:30 am</option>
															<option value="0300">3:00 am</option>
															<option value="0330">3:30 am</option>
															<option value="0400">4:00 am</option>
															<option value="0430">4:30 am</option>
															<option value="0500">5:00 am</option>
															<option value="0530">5:30 am</option>
															<option value="0600">6:00 am</option>
															<option value="0630">6:30 am</option>
															<option value="0700">7:00 am</option>
															<option value="0730">7:30 am</option>
															<option value="0800">8:00 am</option>
															<option value="0830">8:30 am</option>
															<option value="0900">9:00 am</option>
															<option value="0930">9:30 am</option>
															<option value="1000">10:00 am</option>
															<option value="1030">10:30 am</option>
															<option value="1100">11:00 am</option>
															<option value="1130">11:30 am</option>
															<option value="1200" selected="selected">Noon</option>
															<option value="1230">12:30 pm</option>
															<option value="1300">1:00 pm</option>
															<option value="1330">1:30 pm</option>
															<option value="1400">2:00 pm</option>
															<option value="1430">2:30 pm</option>
															<option value="1500">3:00 pm</option>
															<option value="1530">3:30 pm</option>
															<option value="1600">4:00 pm</option>
															<option value="1630">4:30 pm</option>
															<option value="1700">5:00 pm</option>
															<option value="1730">5:30 pm</option>
															<option value="1800">6:00 pm</option>
															<option value="1830">6:30 pm</option>
															<option value="1900">7:00 pm</option>
															<option value="1930">7:30 pm</option>
															<option value="2000">8:00 pm</option>
															<option value="2030">8:30 pm</option>
															<option value="2100">9:00 pm</option>
															<option value="2130">9:30 pm</option>
															<option value="2200">10:00 pm</option>
															<option value="2230">10:30 pm</option>
															<option value="2300">11:00 pm</option>
															<option value="2330">11:30 pm</option></select>
														<p id="calendarStartDate"></p>
												</fieldset>
											</td>
										</tr>
										<tr>
											<td colspan="4" valign="top" align="left" class="inlineh2">
												<h2>Return Date &amp; Time&nbsp;&nbsp;</h2>
											</td>
										</tr>
										<tr>
											<td colspan="4" valign="top" align="left">
												<fieldset id="endDate" class="datepicker">
													<select name="endDateMonth" id="endDateMonth"
														class="yearmonth"><option value="201304"
															selected="selected">Apr</option>
														<option value="201305">May</option>
														<option value="201306">Jun</option>
														<option value="201307">Jul</option>
														<option value="201308">Aug</option>
														<option value="201309">Sep</option>
														<option value="201310">Oct</option>
														<option value="201311">Nov</option>
														<option value="201312">Dec</option>
														<option value="201401">Jan</option>
														<option value="201402">Feb</option>
														<option value="201403">Mar</option>
														<option value="201404">Apr-14</option></select> <input type="text"
														name="endDateInput" maxlength="2" size="2" value="25"
														id="endDateInput" class="day"> <a
														id="calendarIconEnd" href="#"><img
															alt="Calendar to pick car rental date"
															src="Images/ico_calendar.gif" /></a> <select
														name="endDateTime" id="endDateTime" class="time"><option
																value="0001">Midnight</option>
															<option value="0030">12:30 am</option>
															<option value="0100">1:00 am</option>
															<option value="0130">1:30 am</option>
															<option value="0200">2:00 am</option>
															<option value="0230">2:30 am</option>
															<option value="0300">3:00 am</option>
															<option value="0330">3:30 am</option>
															<option value="0400">4:00 am</option>
															<option value="0430">4:30 am</option>
															<option value="0500">5:00 am</option>
															<option value="0530">5:30 am</option>
															<option value="0600">6:00 am</option>
															<option value="0630">6:30 am</option>
															<option value="0700">7:00 am</option>
															<option value="0730">7:30 am</option>
															<option value="0800">8:00 am</option>
															<option value="0830">8:30 am</option>
															<option value="0900">9:00 am</option>
															<option value="0930">9:30 am</option>
															<option value="1000">10:00 am</option>
															<option value="1030">10:30 am</option>
															<option value="1100">11:00 am</option>
															<option value="1130">11:30 am</option>
															<option value="1200" selected="selected">Noon</option>
															<option value="1230">12:30 pm</option>
															<option value="1300">1:00 pm</option>
															<option value="1330">1:30 pm</option>
															<option value="1400">2:00 pm</option>
															<option value="1430">2:30 pm</option>
															<option value="1500">3:00 pm</option>
															<option value="1530">3:30 pm</option>
															<option value="1600">4:00 pm</option>
															<option value="1630">4:30 pm</option>
															<option value="1700">5:00 pm</option>
															<option value="1730">5:30 pm</option>
															<option value="1800">6:00 pm</option>
															<option value="1830">6:30 pm</option>
															<option value="1900">7:00 pm</option>
															<option value="1930">7:30 pm</option>
															<option value="2000">8:00 pm</option>
															<option value="2030">8:30 pm</option>
															<option value="2100">9:00 pm</option>
															<option value="2130">9:30 pm</option>
															<option value="2200">10:00 pm</option>
															<option value="2230">10:30 pm</option>
															<option value="2300">11:00 pm</option>
															<option value="2330">11:30 pm</option></select>
														<p id="calendarEndDate"></p>
												</fieldset>
											</td>
										</tr>
										<tr>
											<td colspan="4" valign="top" align="left">
												<h2>Vehicle &amp; Class&nbsp;&nbsp;</h2>
											</td>
										</tr>
										<tr>
											<td colspan="4" valign="top" align="left"><select
												name="carClassDrop"><option value="">Show
														me
														everything&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</option>
													<option value="TCAR">Truck</option>
													<option value="CCAR">Compact</option>
													<option value="ICAR">Intermediate</option>
													<option value="SCAR">Standard</option>
													<option value="FCAR">Full Size</option>
													<option value="PCAR">Premium</option>
													<option value="CVCAR">Cargo Van</option>
													<option value="SUCAR">Sport Utility</option>
													<option value="MVCAR">Mini Van</option>
											</select></td>
										</tr>

									</table>
								</td>
							</tr>
							<tr>
								<td>&nbsp; <br /></td>
							</tr>
							<tr>
								<td>
									<table cellpadding="0" cellspacing="0" border="0">
										<tr>
											<td valign="middle" align="right"><label
												class="primaryAction right" for="search"><input
													type="submit" value="Search" id="search" name="search" href="AboutUs.html"></label>
											</td>
										</tr>
									</table>
								</td>
							</tr>
						</form>

					</table>

				</div>
				<div class="clear">&nbsp;</div>
			</div>
			<div id="footer">
				<p>copyright protected KS Car Rental</p>
			</div>



		</div>
</body>
</html>
